require(['./config'],()=>{
    require(['template', 'request', 'header2', 'footer','jquery'], (template, req)=>{
        class List{
            constructor(){
                this.getListData()
            }
            //拿到id值获取数据，返回给list页面
            getListData(){
                
                const value = window.location.search.split('=')[1] //拿到网址，按着等号切割，取第一位
                console.log(value)
                if(value==''){
                    req.getListData(1)
                    .then(res => {
                        if (res.code === 200) {
                            // 渲染页面
                            this.render(res.data.items)
                        }
                    })
                }else{
                    req.getSearch(value)
                    .then(res => {
                        if (res.code === 200) {
                            // 渲染页面
                            this.render(res.data)
                        }
                    })
                }
            }
            render(res){
                // console.log(res)
                // 先把 list 数据解构出来 
                const { list } = res
                console.log(list)
                list.forEach(item=>{
                    req.getDetailsData(item.id)
                    .then(res => {
                        //    console.log(res)
                        if (res.code === 200) {
                            item.photo = res.data.detail.photo
                            $('.list > ul').html(template('listTemplate',{list}))
                            $('.imglist img').first().css({
                                borderStyle:'solid',
                                borderWidth:1,
                                borderColor:'#ff6700'
                            })
                            $('.imglist img').click(function(){
                                $(this).css({
                                    borderStyle:'solid',
                                    borderWidth:1,
                                    borderColor:'#ff6700'
                                }).siblings().css({
                                    borderStyle:'solid',
                                    borderWidth:1,
                                    borderColor:'#e0e0e0'
                                })
                                let src = $(this).attr('src')
                                $(this).parent().parent().find('.bigimg').attr('src',src);
                            })
                        }
                    })
                })
            }
        }
        return new List()
    })
})